<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title>Document</title>

  <!-- 引入bootstrap -->
  <link rel="stylesheet" href="./assets/css/bootstrap.min.css">

  <!-- 引入动画库 -->
  <link rel="stylesheet" href="./assets/css/animate.min.css">

  <!-- 引入重置样式文件 -->
  <link rel="stylesheet/less" href="./assets/css/reset.less">

  <!-- 引入公共样式common.less -->
  <link rel="stylesheet/less" href="./assets/css/common.less">

  <link rel="stylesheet/less" href="./assets/css/index.less">

  <!-- 百度地图 -->
  <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lc157iTGgIH9rzWgDncPpAFDaflGbzCn"></script>
</head>

<body>

  <header>
    <div class="list glyphicon glyphicon-list"></div>
    <div class="logo"><img src="./assets/images/logo.png" alt=""></div>
    <div class="search glyphicon glyphicon-search"></div>
  </header>

  <div class="banner">
    <img src="./assets/images/banner.png" alt="">
  </div>

  <!-- 风险评估 -->
  <div class="function">
    <div class="title">风险评估</div>
    <ul class="list">
      <li>
        <div><img src="./assets/images/fun1.png" alt=""></div>
        <p>办公室</p>
      </li>
      <li>
        <div><img src="./assets/images/fun2.png" alt=""></div>
        <p>工业</p>
      </li>
      <li>
        <div><img src="./assets/images/fun3.png" alt=""></div>
        <p>个人/家居</p>
      </li>
      <li>
        <div><img src="./assets/images/fun4.png" alt=""></div>
        <p>其他行业</p>
      </li>
    </ul>
  </div>

  <div class="major">
    <ul>
      <li><img src="./assets/images/major1.jpg" alt=""></li>
      <li>
        <div>
          <h4>专业咨询</h4>
          <p>个人咨询</p>
          <p>企业咨询</p>
        </div>
      </li>
      <li><img src="./assets/images/major2.png" alt=""></li>
      <li>
        <div>
          <h4>专业培训</h4>
          <p>培训通知</p>
          <p>在线培训</p>
          <p>现场培训</p>
        </div>
      </li>
      <li><img src="./assets/images/major3.png" alt=""></li>
      <li>
        <div>
          <h4>人体工学资源</h4>
          <p>案例分析</p>
          <p>企业广告</p>
          <p>长聘推荐</p>
        </div>
      </li>
    </ul>
  </div>

  <!-- 人体工学介绍与应用 -->
  <div class="human">
    <div class="title">人体工学介绍与应用</div>
    <div class="info">
      <img src="./assets/images/human.png" alt="">
      <div class="cont">
        <h4>人体工学介绍</h4>
        <span>历史</span>
        <span>现在</span>
        <span>将来</span>
      </div>
    </div>
  </div>

  <!-- 职业应用 -->
  <div class="profession">
    <div class="app">
      <img src="./assets/images/app.png" alt="">
      <span>职业应用</span>
    </div>
    <div class="personal">
      <img src="./assets/images/personal.png" alt="">
      <span>个人/家具应用</span>
    </div>
    <div class="other">
      <img src="./assets/images/other.png" alt="">
      <span>其他应用</span>
    </div>
  </div>

  <!-- 联系我们 -->
  <div class="contact">
    <div class="title">联系我们</div>
    <ul>
      <li>
        <span><img src="./assets/images/cont1.png" alt=""></span>+86 15217196291
      </li>
      <li>
        <span><img src="./assets/images/cont2.png" alt=""></span>01-706-560-3604
        <span><img src="./assets/images/cont3.png" alt=""></span>ergo168@qq.com
      </li>
      <li>
        <span><img src="./assets/images/cont4.png" alt=""></span>广州天河区珠江新城珠江西路高德置地D座15楼
      </li>
    </ul>

    <div class="map" id="map"></div>
  </div>

  <div class="nav">
    <ul>
      <li>
        <img src="./assets/images/nav1.png" alt="">
        <img src="./assets/images/nav11.png" alt="">
        <p>首页</p>
      </li>
      <li>
        <img src="./assets/images/nav2.png" alt="">
        <img src="./assets/images/nav22.png" alt="">
        <p>关于我们</p>
      </li>
      <li>
        <img src="./assets/images/nav3.png" alt="">
        <img src="./assets/images/nav33.png" alt="">
        <p>风险评估</p>
      </li>
      <li>
        <img src="./assets/images/nav4.png" alt="">
        <img src="./assets/images/nav44.png" alt="">
        <p>用户中心</p>
      </li>
    </ul>
  </div>



  <!-- 引入jquery -->
  <script src="./assets/js/jQuery.min.js"></script>

  <!-- 引入bootstrap.js -->
  <script src="./assets/js/bootstrap.min.js"></script>

  <!-- 引入less解析js -->
  <script src="./assets/js/less.min.js"></script>

  <!-- 引入懒加载js -->
  <script src="./assets/js/wow.min.repeat.js"></script>

  <script>
    //百度地图
    var map = new BMap.Map("map");

    // 初始化地图,设置中心点坐标和地图级别
    map.centerAndZoom(new BMap.Point(113.26197, 23.10379), 12);

    map.addControl(new BMap.MapTypeControl({
      mapTypes: [
        BMAP_NORMAL_MAP,
        BMAP_HYBRID_MAP
      ]
    }));
    map.setCurrentCity("广州");  // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
  </script>
</body>

</html>